.clear {
	clear: both;
}

.hidden {
	display: none;
}

#content {
  min-height: 300px;
}

.left-column {
	float: left;
	width: 200px;
}

.right-column {
	margin-left: 220px;
}

.interface-panel {
	padding: 0;
	border: 1px solid #888888;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
/* 	background: url("/js/jquery-ui/css/custom-theme/images/ui-bg_gloss-wave_55_657cb2_500x100.png") repeat-x scroll top #657CB2; */
}

.interface-panel h2 {
	font-size: small;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
	color: white;
	background: url("/i/keenetic/tabtitle_bg.gif") repeat scroll 0 0 #7897C0;
}

#tooltip dl,
.interface-panel dl {
	margin: 3px 10px 0 10px;
}

#tooltip dl dt,
.interface-total dl dt { float: left; }

#tooltip dl dt,
.interface-panel dl dt {
	font-style: italic;
	color: #545464;
}

#tooltip dl dd,
.interface-panel dl dd {
	margin: 0;
	padding: 0;
	text-align: right;
}


.period {
	height: 2em;
}
.period ul { margin: 0; padding: 0; }
.period li {
	float: left;
	list-style: none;
	margin-right: 10px;
	color: #556E9E;
	font-weight: bold;
	cursor: pointer;
}
.period li.active {
	color: #E17009;
	border-bottom: 1px dotted #E17009;
}

.graph {
	width: 514px;
	height: 250px;
}
.graph_bg {
	padding: 10px;
	background: white;
}

.table {
	margin: 10px 0;
}

#tooltip {
    padding: 5px;
    background-color: #F6F6F6;
    opacity: 0.9;
	position: absolute;
	z-index: 200;
	width: 200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.tooltipInner {
    border: 1px dotted #DDDDDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 0 0 5px;
}

.highlight {
	background-color: #FFE3B6 !important;
}